<template>
  <div class="box">
    <div class="content">
      <div class="f1">
        <div class="scan">
          <h6 @click="back">
            <img src="@/assets/brran/组111.png" alt="" />
            返回上一页
          </h6>
        </div>
      </div>
      <!--  -->
      <div class="f2" v-loading="loading">
        <div class="f2_f1" v-if="enterpriseInformation">
          <div class="title">
            <p>{{ enterpriseInformation.entname }}</p>
            <div class="hint">
              <img src="@/assets/brran/组112.png" alt="" />
              <h5>存在{{ total }}处风险点</h5>
            </div>
          </div>
          <div class="details">
            <div class="details-item">
              <div class="details-item-left">
                <ul>
                  <li>统一社会信用代码：</li>
                  <li>成立日期：</li>
                  <li>所属行业：</li>
                  <li>注册资本：</li>
                </ul>
                <div>
                  <p>{{ enterpriseInformation.creditno }}</p>
                  <p>{{ enterpriseInformation.startdate }}</p>
                  <p>{{ enterpriseInformation.domain }}</p>
                  <p>{{ enterpriseInformation.registcapi }}</p>
                </div>
              </div>
              <div class="details-item-left">
                <ul style="width: 0.651rem">
                  <li>法定代表人：</li>
                  <li>实缴资本：</li>
                  <li>企业类型：</li>
                  <li>地址：</li>
                </ul>
                <div>
                  <p>{{ enterpriseInformation.opername }}</p>
                  <p>{{ enterpriseInformation.actualcapi }}</p>
                  <p>{{ enterpriseInformation.econkind }}</p>
                  <p>{{ enterpriseInformation.address }}</p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="f3" v-if="enterpriseInformation">
          <div class="f2_f2">
            <div class="title">
              <h6></h6>
              风险详情
            </div>
          </div>
          <template v-if="total != 0">
            <div class="rulename" v-for="(item, index) in list" :key="index">
              <div class="scanRule">
                <div class="scanRuleList">
                  <img src="@/assets/brran/组112.png" alt="" />
                  <h1>{{ list[index][0].rulename }}</h1>
                  <img
                    class="jianTou"
                    @click="show(index)"
                    :src="require(`@/assets/image/${index == num ? '下' : '上'}箭头.png`)"
                    alt=""
                  />
                  <!-- 每条统计 -->
                  <h1 style="margin-left: 0.2344rem">{{ lists[index].length }}</h1>
                </div>
              </div>
              <template v-if="index == num">
                <div class="scanRuleDetails" v-for="(item, j) in lists[index]" :key="j">
                  <!--gs_0000011  -->
                  <div class="scanRuleDetailsList" v-if="list[index][0].zbcode == 'gs_0000011'">
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>经营状态：</p>
                        <span>{{ item.newstatus | getData }}</span>
                      </div>
                    </div>
                  </div>
                  <!--ss_0000002  -->
                  <div
                    class="scanRuleDetailsList"
                    v-else-if="list[index][0].zbcode == 'ss_0000002'"
                  >
                    <div class="scanRuleDetailsList_f2">
                      <h3>{{ item.casenum }}</h3>
                    </div>
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>案号：</p>
                        <span>{{ item.casenum | getData }}</span>
                      </div>
                      <div>
                        <p>立案日期：</p>
                        <span>{{ item.sslong | getData }}</span>
                      </div>
                      <div>
                        <p>做出执行依据单位：</p>
                        <span>{{ item.sxdw }}</span>
                      </div>
                      <div>
                        <p>执行依据文号：</p>
                        <span>{{ item.sxwh | getData }}</span>
                      </div>
                      <div>
                        <p>被执行人履行情况：</p>
                        <span>{{ item.sxlx | getData }}</span>
                      </div>
                    </div>
                  </div>
                  <!--ss_0000013  -->
                  <div
                    class="scanRuleDetailsList"
                    v-else-if="list[index][0].zbcode == 'ss_0000013'"
                  >
                    <div class="scanRuleDetailsList_f2">
                      <h3>{{ item.casenum }}</h3>
                    </div>
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>执行依据文号：</p>
                        <span>{{ item.sxwh | getData }}</span>
                      </div>
                      <div>
                        <p>执行状态：</p>
                        <span>{{ item.status | getData }}</span>
                      </div>
                      <div>
                        <p>立案日期：</p>
                        <span>{{ item.sslong | getData }}</span>
                      </div>
                      <div>
                        <p>执行标的金额（元）：</p>
                        <span>{{ item.money | getArea }}</span>
                      </div>
                      <div>
                        <p>执行法院名称：</p>
                        <span>{{ item.court | getData }}</span>
                      </div>
                    </div>
                  </div>
                  <!--ss_0000011 -->
                  <div class="scanRuleDetailsList" v-if="list[index][0].zbcode == 'ss_0000011'">
                    <div class="scanRuleDetailsList_f2">
                      <h3>{{ item.casenum }}</h3>
                    </div>
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>执行案号：</p>
                        <span>{{ item.casenum | getData }}</span>
                      </div>
                      <div>
                        <p>审结日期：</p>
                        <span>{{ item.sslong | getData }} </span>
                      </div>
                      <div>
                        <p>执行法院：</p>
                        <span>{{ item.court | getData }}</span>
                      </div>
                      <div>
                        <p>执行标的金额（元）：</p>
                        <span>{{ item.money | getArea }}</span>
                      </div>
                      <div>
                        <p>终本日期：</p>
                        <span>{{ item.zblong | getData }}</span>
                      </div>
                      <div>
                        <p>未履行金额（元）:</p>
                        <span>{{ item.wlmoney | getArea }}</span>
                      </div>
                    </div>
                  </div>
                  <!--ss_0000012 -->
                  <div
                    class="scanRuleDetailsList"
                    v-else-if="list[index][0].zbcode == 'ss_0000012'"
                  >
                    <div class="scanRuleDetailsList_f2">
                      <h3>{{ item.casenum }}</h3>
                    </div>
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>执行案号：</p>
                        <span>{{ item.casenum | getData }}</span>
                      </div>
                      <div>
                        <p>立案日期：</p>
                        <span>{{ item.sslong | getData }}</span>
                      </div>
                      <div>
                        <p>执行法院：</p>
                        <span>{{ item.court | getData }}</span>
                      </div>
                      <div>
                        <p>执行金额（元）：</p>
                        <span>{{ item.money | getArea }}</span>
                      </div>
                    </div>
                  </div>
                  <!-- gs_0000007 -->
                  <div
                    class="scanRuleDetailsList"
                    v-else-if="list[index][0].zbcode == 'gs_0000007'"
                  >
                    <div class="scanRuleDetailsList_f2">
                      <h3>{{ item.casenum }}</h3>
                    </div>
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>列入日期：</p>
                        <span>{{ item.indate | getData }}</span>
                      </div>
                      <div>
                        <p>列入原因：</p>
                        <span>{{ item.inreason | getData }}</span>
                      </div>
                      <div>
                        <p>移出日期：</p>
                        <span>{{ item.outdate | getData }}</span>
                      </div>
                      <div>
                        <p>移出原因：</p>
                        <span>{{ item.outreason | getData }}</span>
                      </div>
                      <div>
                        <p>列入决定机关：</p>
                        <span>{{ item.department | getData }}</span>
                      </div>
                    </div>
                  </div>
                  <!-- gs_0000019 -->
                  <div
                    class="scanRuleDetailsList"
                    v-else-if="list[index][0].zbcode == 'gs_0000019'"
                  >
                    <div class="scanRuleDetailsList_f2">
                      <h3>{{ item.casenum }}</h3>
                    </div>
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>决定文书号：</p>
                        <span>{{ item.number | getData }}</span>
                      </div>
                      <div>
                        <p>行政处罚类型：</p>
                        <span>{{ item.illegaltype | getData }}</span>
                      </div>
                      <div>
                        <p>行政处罚内容 ：</p>
                        <span>{{ item.content | getData }}</span>
                      </div>
                      <div>
                        <p>处罚机关名称：</p>
                        <span>{{ item.department | getData }}</span>
                      </div>
                      <div>
                        <p>处罚决定日期：</p>
                        <span>{{ item.date | getData }}</span>
                      </div>
                      <div>
                        <p>公示日期:</p>
                        <span>{{ item.publishdate | getData }}</span>
                      </div>
                    </div>
                  </div>
                  <!-- gs_0000020 -->
                  <div
                    class="scanRuleDetailsList"
                    v-else-if="list[index][0].zbcode == 'gs_0000020'"
                  >
                    <div class="scanRuleDetailsList_f2">
                      <h3>{{ item.casenum }}</h3>
                    </div>
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>纳税人名称：</p>
                        <span>{{ item.name | getData }}</span>
                      </div>
                      <div>
                        <p>案件性质：</p>
                        <span>{{ item.property | getData }}</span>
                      </div>
                      <div>
                        <p>法定代表人或者负责人：</p>
                        <span>{{ item.oper | getData }}</span>
                      </div>
                      <div>
                        <p>主要违法事实：</p>
                        <span>{{ item.illegalfact | getData }}</span>
                      </div>
                    </div>
                  </div>
                  <!-- gs_0000021 -->
                  <div
                    class="scanRuleDetailsList"
                    v-else-if="list[index][0].zbcode == 'gs_0000021'"
                  >
                    <div class="scanRuleDetailsList_f2">
                      <h3>{{ item.casenum }}</h3>
                    </div>
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>纳税人类型：</p>
                        <span>{{ item.taxpayertype | getData }}</span>
                      </div>
                      <div>
                        <p>欠税所属期：</p>
                        <span>{{ item.overdueperiod | getData }}</span>
                      </div>
                      <div>
                        <p>欠税金额（元）：</p>
                        <span>{{ item.overdueamount | getArea }}</span>
                      </div>
                      <div>
                        <p>发布日期：</p>
                        <span>{{ item.pubdate | getData }}</span>
                      </div>
                      <div>
                        <p>发布单位：</p>
                        <span>{{ item.pubdepartment | getData }}</span>
                      </div>
                    </div>
                  </div>
                  <!-- gs_0000002 -->
                  <div
                    class="scanRuleDetailsList"
                    v-else-if="list[index][0].zbcode == 'gs_0000002'"
                  >
                    <div class="scanRuleDetailsList_f2">
                      <h3>{{ item.casenum }}</h3>
                    </div>
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>变更日期：</p>
                        <span>{{ item.changedate | getData }}</span>
                      </div>
                      <div>
                        <p>变更前：</p>
                        <span>{{ item.beforecontent | getData }}</span>
                      </div>
                      <div>
                        <p>变更后：</p>
                        <span>{{ item.aftercontent | getData }}</span>
                      </div>
                    </div>
                  </div>
                  <!-- gs_0000001 -->
                  <div
                    class="scanRuleDetailsList"
                    v-else-if="list[index][0].zbcode == 'gs_0000001'"
                  >
                    <div class="scanRuleDetailsList_f2">
                      <h3>{{ item.casenum }}</h3>
                    </div>
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>变更日期：</p>
                        <span>{{ item.changedate | getData }}</span>
                      </div>
                      <div>
                        <p>变更前：</p>
                        <span>{{ item.beforecontent | getData }}</span>
                      </div>
                      <div>
                        <p>变更后：</p>
                        <span>{{ item.aftercontent | getData }}</span>
                      </div>
                    </div>
                  </div>
                  <!--gs_0000004-->
                  <div
                    class="scanRuleDetailsList"
                    v-else-if="list[index][0].zbcode == 'gs_0000004'"
                  >
                    <div class="scanRuleDetailsList_f2">
                      <h3>{{ item.casenum }}</h3>
                    </div>
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>出质人：</p>
                        <span>{{ item.pledgor | getData }}</span>
                      </div>
                      <div>
                        <p>质权人：</p>
                        <span>{{ item.pawnee | getData }}</span>
                      </div>
                      <div>
                        <p>状态：</p>
                        <span>{{ item.status | getData }}</span>
                      </div>
                      <div>
                        <p>登记日期：</p>
                        <span>{{ item.date | getData }}</span>
                      </div>
                      <!-- <p>股权出质设立：{{item.}}</p> -->
                    </div>
                  </div>
                  <!-- gs_0000005 -->
                  <div
                    class="scanRuleDetailsList"
                    v-else-if="list[index][0].zbcode == 'gs_0000005'"
                  >
                    <div class="scanRuleDetailsList_f2">
                      <h3>{{ item.casenum }}</h3>
                    </div>
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>执行通知书文号：</p>
                        <span>{{ item.number | getData }}</span>
                      </div>
                      <div>
                        <p>被执行人：</p>
                        <span>{{ item.beexecutedperson | getData }}</span>
                      </div>
                      <div>
                        <p>冻结股权标的企业：</p>
                        <span>{{ item.objname | getData }}</span>
                      </div>
                      <div>
                        <p>股权数额：</p>
                        <span>{{ item.amount | getData }}</span>
                      </div>
                      <div>
                        <p>执行法院：</p>
                        <span>{{ item.executivecourt | getData }}</span>
                      </div>
                      <div>
                        <p>状态:</p>
                        <span>{{ item.status | getData }}</span>
                      </div>
                    </div>
                  </div>
                  <!-- gs_0000003 -->
                  <div
                    class="scanRuleDetailsList"
                    v-else-if="list[index][0].zbcode == 'gs_0000003'"
                  >
                    <div class="scanRuleDetailsList_f2">
                      <h3>{{ item.casenum }}</h3>
                    </div>
                    <div class="scanRuleDetailsList_f3">
                      <div>
                        <p>抵押登记编号：</p>
                        <span>{{ item.number | getData }}</span>
                      </div>
                      <div>
                        <p>被担保主债权种类：</p>
                        <span>{{ item.type | getData }}</span>
                      </div>
                      <div>
                        <p>被担保主债权数额（万元）：</p>
                        <span>{{ item.amount | getArea }}</span>
                      </div>
                      <div>
                        <p>抵押权人名称：</p>
                        <span>{{ item.keyword | getData }}</span>
                      </div>
                      <div>
                        <p>工商登记机关：</p>
                        <span>{{ item.department | getData }}</span>
                      </div>
                      <div>
                        <p>登记日期:</p>
                        <span>{{ item.date | getData }}</span>
                      </div>
                      <div>
                        <p>履行期限自:</p>
                        <span>{{ item.debitperiod | getData }}</span>
                      </div>
                      <div>
                        <p>抵押状态:</p>
                        <span>{{ item.status | getData }}</span>
                      </div>
                    </div>
                  </div>
                </div>
              </template>
            </div>
          </template>
          <template v-else>
            <div class="noData">
              <img src="@/assets/report/组103.png" alt="" />
              <h3>暂无风险</h3>
            </div>
          </template>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { findfxsmxq } from '@/api/brran/riskqueryind'
export default {
  data() {
    return {
      loading: false,
      aaa: true,
      total: 0,
      enterpriseInformation: null,
      entname: '',
      num: 0,
      queryParams: {
        plat: ''
      },
      list: [
        {
          name: '企业存在股权冻结'
        }
      ],
      lists: null
    }
  },
  // 过滤器
  filters: {
    getArea: function (value) {
      value = parseFloat(value)
      if (value == 0) return '-'
      if (!value) return '-'
      // 将数值截取，保留两位小数
      value = value.toFixed(2)
      // 获取整数部分
      const intPart = Math.trunc(value)
      // 整数部分处理，增加,
      const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
      // 预定义小数部分
      let floatPart = '.00'
      // 将数值截取为小数部分和整数部分
      const valueArray = value.toString().split('.')
      if (valueArray.length === 2) {
        // 有小数部分
        floatPart = valueArray[1].toString() // 取得小数部分
        return intPartFormat + '.' + floatPart
      }
      return intPartFormat + floatPart
    },
    getDate: function (value) {
      if (!value) return '-'
      let date = value.split(' ')[0]
      return date
    },
    getData: function (value) {
      if (value) return value
      let date = '-'
      return date
    }
  },
  mounted() {
    document.documentElement.scrollTop = 0
    this.entname = this.$route.query.entname
    this.findfxsmxq()
  },
  methods: {
    // 返回上一页
    back() {
      this.$router.go(-1)
    },
    findfxsmxq() {
      this.loading = true
      let list = []
      let lists = []
      let entname = this.entname
      findfxsmxq(entname).then(res => {
        if (res.length == 0) return
        this.total = res.length - 1
        for (let index = 0; index < res.length - 1; index++) {
          list.push(res[index])
        }
        this.list = list
        for (let i = 0; i < this.list.length; i++) {
          lists.push(JSON.parse(this.list[i][0].date))
        }
        this.lists = lists
        for (let i = 0; i < list.length; i++) {
          this.lists[i].rulename = list[i][0].rulename
        }
        // console.log(666, lists);
        this.enterpriseInformation = res.slice(-1)[0].Entinfo.gs
        this.loading = false
      })
    },
    show(item) {
      if (this.num == item) return (this.num = 999)
      this.num = item
    }
  }
}
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
}
/*去掉列表前面的小点*/
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.box {
  width: 100%;
  background-color: #f5f7fa;
  box-sizing: border-box;
  padding-bottom: 0.4167rem;
  position: relative;
  .content {
    width: 6.25rem;
    margin: 0 auto;
    background-color: #f5f7fa;
    .f1 {
      position: relative;
      display: flex;
      align-items: center;
      height: 0.3646rem;
      .scan {
        width: 6.25rem;
        position: absolute;
        right: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 0.3646rem;
        h6 {
          box-sizing: border-box;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          width: 100%;
          font-size: 0.0833rem;
          font-weight: 300;
          text-decoration: underline;
          img {
            width: 0.0833rem;
            margin-right: 0.0417rem;
          }
        }
      }
    }
    .f2 {
      box-sizing: border-box;
      width: 100%;
      .f2_f1 {
        box-sizing: border-box;
        padding: 0.1719rem 0.2813rem;
        background: #ffffff;
        box-shadow: 0rem 0.0313rem 0.1042rem 0rem rgba(179, 197, 223, 0.26);
        .title {
          display: flex;
          align-items: center;
          width: 100%;
          p {
            font-size: 0.1146rem;
            font-family: Source Han Sans SC;
            font-weight: bold;
            color: #000000;
          }
          .hint {
            box-sizing: border-box;
            padding: 0.0052rem 0.0208rem;
            background: #ffebeb;
            margin-left: 0.0781rem;
            display: flex;
            align-items: center;
            img {
              width: 0.0729rem;
              height: 0.0729rem;
            }
            h5 {
              text-align: center;
              line-height: 0.0938rem;
              margin-left: 0.026rem;
              font-size: 0.0625rem;
              font-family: Source Han Sans SC;
              font-weight: 300;
              color: #ff4040;
            }
          }
        }

        .details {
          width: 100%;
          .details-item {
            display: flex;
            // justify-content: space-between;
            width: 100%;
            .details-item-left {
              display: flex;
              height: 100%;
              margin-right: 0.9896rem;
              ul {
                width: 0.8958rem;
                height: 100%;
                font-size: 0.0729rem;
                font-family: Source Han Sans SC;
                font-weight: 400;
                color: #666666;
                li {
                  margin-top: 0.0781rem;
                }
              }
              div {
                height: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                z-index: 99;
                p {
                  margin-top: 0.0781rem;
                  font-size: 0.0729rem;
                  font-family: Source Han Sans SC;
                  font-weight: 400;
                  color: #333333;
                }
              }
            }
          }
          .manage {
            width: 1rem;
            height: 100%;
            font-size: 0.0729rem;
            font-family: Source Han Sans SC;
            font-weight: 400;
            color: #666666;
            li {
              margin-top: 0.0781rem;
            }
          }
          .manage_p {
            font-size: 0.0729rem;
            font-family: Source Han Sans SC;
            font-weight: 400;
            color: #333333;
            line-height: 0.1563rem;
          }
        }
      }
      .f3 {
        box-sizing: border-box;
        padding: 0 0.2813rem 0.1563rem;
        width: 6.25rem;
        background: #ffffff;
        box-shadow: 0rem 0.0313rem 0.1042rem 0rem rgba(179, 197, 223, 0.26);
        margin-top: 0.1042rem;
        .f2_f2 {
          box-sizing: border-box;
          padding: 0.2083rem 0.1042rem 0.1563rem 0rem;
          .title {
            display: flex;
            align-items: center;
            box-sizing: border-box;
            font-size: 0.0938rem;
            font-weight: bold;
            color: #333333;
            // margin: 0.2083rem 0;
            h6 {
              width: 0.026rem;
              height: 0.0938rem;
              background-color: #0a7be0;
              margin-right: 0.0521rem;
            }
          }
        }
        .rulename {
          box-sizing: border-box;
          padding: 0.1042rem 0.1406rem 0.0052rem 0.1406rem;
          width: 100%;
          margin-bottom: 0.1563rem;
          background-color: #f1f2f3;
          .scanRule {
            box-sizing: border-box;
            width: 100%;
            .scanRuleList {
              position: relative;
              display: flex;
              align-items: center;
              box-sizing: border-box;
              border-radius: 0.0313rem;
              width: 100%;
              background-color: #f2f2f2;
              margin-bottom: 0.1094rem;
              h1 {
                font-size: 0.0833rem;
                font-family: Source Han Sans SC;
                font-weight: 500;
                color: #ff4040;
                margin-left: 0.0417rem;
              }
              .jianTou {
                position: absolute;
                right: 0.1042rem;
                cursor: pointer;
                width: 0.0885rem;
              }
              img {
                cursor: pointer;
                width: 0.0885rem;
              }
            }
          }
          .scanRuleDetails {
            box-sizing: border-box;
            width: 100%;
            margin-bottom: 0.1563rem;
            .scanRuleDetailsList {
              box-sizing: border-box;
              padding: 0.0521rem 0.1198rem 0.1042rem;
              border-left: 0.0156rem solid #7abbff;
              width: 100%;
              background-color: #fff;
              box-shadow: 0rem 0.0208rem 0.0156rem 0rem rgba(175, 183, 190, 0.21);
              .scanRuleDetailsList_f1 {
                display: flex;
                align-items: center;
                color: #000;
                font-weight: 600;
                font-size: 0.0938rem;
                img {
                  width: 0.1667rem;
                  margin-right: 0.1042rem;
                }
              }
              .scanRuleDetailsList_f2 {
                color: #000;
                font-weight: 600;
                margin: 0.1042rem 0;
                font-size: 0.0729rem;
                font-family: Source Han Sans SC;
                font-weight: 500;
                color: #000000;
              }
              .scanRuleDetailsList_f3 {
                margin-top: 0.1042rem;
                color: #666;
                font-weight: 400;
                font-size: 0.0833rem;
                div {
                  display: flex;
                  p {
                    width: 1.1458rem;
                    margin-bottom: 0.026rem;
                  }
                  span {
                    flex: 1;
                    color: #333333;
                  }
                }
              }
            }
          }
        }
        .noData {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          box-sizing: border-box;
          padding: 0.1563rem 0.1042rem 0.2604rem 0.1042rem;
          margin: 0 auto;
          height: 100%;
          img {
            width: 1.7708rem;
            height: 0.8333rem;
          }
          h3 {
            font-size: 0.0833rem;
            color: #333;
            margin-bottom: 0.0781rem;
          }
        }
      }
    }
  }
}

::v-deep .el-input__inner {
  border: 0.0052rem solid #999;
  height: 0.2604rem;
}
</style>
